<template>
  <div class="over-time">
    <img class="over-img" src="/imgs/icons/overtime.png" />
    <p class="title-msg" v-safe-html="resultText"></p>
  </div>
</template>
<script>
export default {
  name: 'OverTime',
  props: {
    moduleConfig: {
      type: Object,
      required: true,
    },
  },
  computed: {
    resultText() {
      return (
        this.moduleConfig?.submitConf?.msgContent?.msg_9001 || '问卷已过期'
      );
    },
  },
};
</script>
<style lang="scss" rel="stylesheet/scss" scoped>
.over-time {
  text-align: center;
  margin-bottom: 5.5rem;

  .title-msg {
    width: 100%;
    font-size: 16px;
    color: #999;
  }
}

.over-time .over-img {
  margin-top: 1.6rem;
  margin-bottom: 15px;
  width: 100px;
}
</style>
